<template>
	<div class="index_login-wrap">
         <div v-html="info.text" style="white-space: pre-wrap"></div>
	</div>
</template>

<script>
	import {
		chanpinList
	} from '../../api/index';
	export default {
		data: function() {
			return {
				info:''
			};
		},
		mounted() {
			
			this.getInfo()
		},
		methods: {
			getUrlKe(name) {
				console.log(666,decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null)
			    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null
			},
			getInfo() {
				let that = this
				let query;
				query = {
					chanpin_id:this.getUrlKe('chanpin_id')
				}
				console.log(query)
				chanpinList(query).then(res => {
					console.log('宣传===',res)
					that.info = res.results[0]
				});
			},
		},
	};
</script>

<style scoped>
	* {
		list-style: none;
	}

	/deep/ .el-form-item__error {
		width: 100px;
		position: absolute;
		right: 10px;
		left: initial;
		top: 14px;
		text-align: right;
		color: red !important
	}

	.index_login-wrap {
		position: relative;
		width: 100%;
		height: 100%;
	    overflow-y: scroll;
	}

	.index_login-wrap form {

		background-color: white;
	}

	.index_login-wrap form h2 {
		color: #fff;
		padding: 20px 0;
		font-size: 25px;
		text-align: center;
		font-weight: 700;
		letter-spacing: 3px;
		text-shadow: #000 0.05em 0.05em 0.05em;
	}

	.index_login-wrap form ul li {
		width: 100%;
		height: 40px;
		position: relative;
		margin-top: 30px;
		/* text-shadow: #000 0.1em 0.1em 0.1em; */
	}

	.index_login-wrap form ul li /deep/ input {
		width: 100%;
		/* color: #fff; */
		height: 45px;
		padding: 0 15px;
		font-size: 14px;
		line-height: 1em;
		text-indent: 35px;
		border-radius: 6px;
		letter-spacing: 1px;
		background: #fff;
		/* text-shadow: #000 0.1em 0.1em 0.1em; */
		/* -webkit-text-fill-color: #fff !important; */
		/* border: 0; */
		/* box-shadow: 0 2px 3px 0 rgb(0 0 0 / 30%) inset !important; */
		outline: none;
	}

	.index_login-wrap form ul li i {
		/* color: #fff; */
		font-size: 18px;
		position: absolute;
		z-index: 1000;
		color: #999;
		padding: 14px 15px 13px 20px;
	}

	.index_login-wrap .ms-login {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 400px;
		height: 260px;
		margin: auto;
		background: url(../../assets/img/1.png);
		background-size: 100% 100%;
		padding: 40px;
	}

	.index_login-wrap .ms-content {
		padding: 10px 30px;
	}

	.index_login-wrap .login-btn {
		text-align: center;
	}

	.login-btn button {
		width: 100%;
		height: 36px;
		margin-bottom: 10px;

	}

	.login-btn .el-button--primary {
		color: #fff;
		background-color: #45bdfc;
		margin-top: 50px;

		/* border-color: rgb(235, 56, 12) */
	}

	.login-tips {
		font-size: 12px;
		line-height: 30px;
		color: #fff;
	}
	.index_login-wrap >>>img,.index_login-wrap>>>video{
		width:100% ;
	}
</style>